<template>
  <PageMain>
    <template #header></template>
    <template #body>
      <div class="main-container">
        <CellDesc title="基础信息" :list="list" />
        <CellTitle title="人员信息" />
        <Tables :columns="columns"  />
      </div>
    </template>
  </PageMain>
</template>

<script setup lang=ts>
import PageMain from '@/components/PageBox.vue';
import { ref } from 'vue';
import CellDesc from '../components/CellDesc.vue';
import CellTitle from '../components/CellTitle.vue';
import Tables from '../components/Tables.vue';

let list = ref([
{
    name: '项目编号：',
    value: 'kxcs09083'
  },
  {
    name: '项目名称：',
    value: '科学实验项目'
  },
  {
    name: '项目经理：',
    value: '王受仁'
  },
  {
    name: '项目进度：',
    value: '完成'
  },
  {
    name: '项目预算：',
    value: '100000000'
  },
  {
    name: '实际花费：',
    value: '10000000'
  },
  {
    name: '数据浏览量：',
    value: '300'
  },
  {
    name: '数据下载量：',
    value: '50'
  },
  {
    name: '数据调用量：',
    value: '100'
  },
  {
    name: '更新时间：',
    value: '2024-04-11'
  },
  {
    name: '资源所属主体：',
    value: '上海鸿运龙兴科技有限公司'
  },
  {
    name: '数据资源来源：',
    value: '公开授权'
  },
  {
    name: '是否根资源：',
    value: '非根资源'
  },
  {
    name: '生产源：',
    value: ''
  },
])

const columns =[ 
      {
        title: '姓名',
        dataIndex: 'name',
      },
      {
        title: '工号',
        dataIndex: 'salary',
      },
      {
        title: '所属部门',
        dataIndex: 'name',
      },
      {
        title: '职位',
        dataIndex: 'name',
      },
      {
        title: '学历',
        dataIndex: 'name',
      },]
</script>
<style lang="less" scoped>
.main-container{
  padding: 0 24px;
}
</style>